<template>
  <div>
    <h1>Home</h1>
    <!-- <router-link to="/home/music">music</router-link><br>
    <router-link to="/home/news">news</router-link> -->
    <router-link :to="{name:'news'}">news</router-link><br>
    <router-link :to="{name:'music', params:{id:'1',time:'4min'} }">华语music</router-link><br>
    <router-link :to="{name:'music', params:{id:'2',time:'5min'} }">粤语music</router-link><br>
    <router-link :to="{name:'music', params:{id:'3',time:undefined} }">英语music</router-link><br>
    <router-link :to="{name:'games', query:{tit:'qq飞车',version:'2018'} }">游戏1</router-link><br>
    <router-link :to="{name:'games', query:{tit:'暴力摩托',version:'2012'} }">游戏2</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
    name:'Home',
    mounted(){
        console.log('*****mounted');
    },
    beforeDestroy(){
        console.log('*****beforeDestroy');
    }
}
</script>

<style>

</style>